<template>
  <betTemplate v-if="!appStore.isProBet" :lotteryCode="LotterCodeEnum.pcnn" ref="domRef" />
  <div v-else class="bet-pro">
    <BetPro ref="domRef" :lotteryCode="LotterCodeEnum.pcnn" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import betTemplate from '@/components/betTemplate/index.vue'
import { LotterCodeEnum } from '@/enum'
import { useAppStore } from '@/stores/app'
import BetPro from '@/components/betTemplate/betPro.vue'

const domRef = ref()

const appStore = useAppStore()

const open = () => {
  domRef.value?.open()
}

defineExpose({
  open,
})
</script>

<style scoped lang="less">
.bet-pro {
  height: 100%;
  background: #171a26;
}
</style>
